<template>
	<view class='h-full flex flex-column'>
		<view class='flex-1 p-3-1 flex flex-column'>
			<text class='text-m leading-4-1 font-semibold whitespace-normal mb-2'>U POWER 2021企业数字营销人才及组织发展峰会暨巨量学品牌发布会顺利举办！</text>
			<view class='flex flex-row items-center color-secondary-3 text-n'>
				<text>
					作者：小芳
				</text>
				<text class='flex-1'>
					2021-10-12
				</text>
				<text class='iconfont icon-zhuanfa color-active text-xl'></text>
			</view>
			<view class='flex-1 relative'>
				<view class="member-mask">
					<view class='member-mask-btn flex flex-row flex-center'>
						<image src="/static/member/member-arrow.png" class="w-4-2 h-4-2 mr-0-3"></image>
						<text class='text-l'>当前文章为会员专属</text>
					</view>
				</view>
			</view>
		</view>
		<view class="py-8 px-6">
			<self-button extra-class='join-button' @click="toJoinMember">加入会员 解锁全部内容</self-button>
		</view>
	</view>
</template>

<script>
	import SelfButton from "@/components/common/SelfButton.vue";
	import "@/pages/article-detail/article-detail.scss";
	export default {
		components: {
			SelfButton
		},
		onLoad: function(option) {
		  // #ifdef APP-NVUE
		  const eventChannel = this.$scope.eventChannel; // 兼容APP-NVUE
		  // #endif
		  // #ifndef APP-NVUE
		  const eventChannel = this.getOpenerEventChannel();
		  // #endif
		  eventChannel.on('data', (data) => {
		    console.log('receive',data)
		  });
		},
		setup(){
			function toJoinMember(){
				uni.navigateTo({
					url: "/pages/join-member/join-member"
				});
			}
			return {
				toJoinMember
			};
		}
	}
</script>
